<template>
  <div class="new_song fL w100">
    <!-- <button @click="getMusic">获取歌单</button> -->
    <div class="layout">
      <h2 class="song_title">
        新
        <span>/</span>
        歌
        <span>/</span>
        速
        <span>/</span>
        递
      </h2>
      <ul class="newsong">
        <li>
          <a>
            <img src="../assets/a01.png" />
            <p>霓裳曲</p>
            <font>闵惠芬</font>
          </a>
        </li>
        <li>
          <a>
            <img src="../assets/a02.png" />
            <p>草原上红旗飘</p>
            <font>思雨</font>
          </a>
        </li>
        <li class="active">
          <a>
            <img src="../assets/a03.png" />
            <p>盗御马</p>
            <font>闵惠芬</font>
          </a>
        </li>
        <li>
          <a>
            <img src="../assets/a04.png" />
            <p>霓裳曲</p>
            <font>闵惠芬</font>
          </a>
        </li>
        <li class="magnone">
          <a>
            <img src="../assets/a05.png" />
            <p>成瘾</p>
            <font>丁当</font>
          </a>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Hot-music',
  data() {
    return {}
  },
  components: {},
  computed: {},
  methods: {
    getMusic() {
      this.$axios
        .get('http://localhost:3000/search/multimatch?keywords=海阔天空')
        .then(res => {
          console.log('调用了')
          console.log(res.data)
        })
    },
  },
}
</script>

<style scoped></style>
